<template>
<div>
    <div class='box-link'>
        <el-row class='link-01'>
            <el-col :span='24' class='download'>
                <img src='/static/image/index/download.png'>
            </el-col>
        </el-row>
        <el-row class='link-02'>
            <el-col :span='12' class='register'>注册</el-col>
            <el-col :span='12' class='recharge'>充值</el-col>
        </el-row>
        <el-row class='link-03'>
            <el-col :span='8'>
                <div class='item'>
                    <div class='icon'>
                        <i class='iconfont icon-weibo'></i>
                    </div>
                    <div class='name'>官方微博</div>
                </div>
            </el-col>
            <el-col :span='8'>
                <div class='item'>
                    <div class='icon'>
                        <i class='iconfont icon-wodetieba'></i>
                    </div>
                    <div class='name'>官方贴吧</div>
                </div>
            </el-col>
            <el-col :span='8'>
                <div class='item'>
                    <div class='icon'>
                        <i class='iconfont icon-QQqun'></i>
                    </div>
                    <div class='name'>官方Q群</div>
                </div>
            </el-col>
        </el-row>
        <el-row class='link-04'>
            <div class='link-data'>
                <i class='iconfont icon-ziliao'></i>
                游戏资料站
            </div>
        </el-row>
    </div>
</div>
</template>
<script type="text/javascript">
import ScrollReveal from 'scrollreveal'
export default {
    mounted : function(){
        var sr = ScrollReveal({
            'origin' : 'bottom',
            'distance' : '200px',
            'duration' : 500,
            'delay' : 400
        })

        sr.reveal('.box-link')
    }
}
</script>